<ScrollView>
  <StackLayout class="tab-content">
    <Button text="login anonymously" (tap)="loginAnonymously()" class="button button-user"></Button>
    <Label text="After pressing these buttons, check the console log" textWrap="true"></Label>

    <Button text="Issue 854" (tap)="issue854()" class="button"></Button>
    <Button text="Add" (tap)="firestoreAdd()" class="button"></Button>
    <Button text="Set" (tap)="firestoreSet()" class="button"></Button>
    <Button text="Set (auto id)" (tap)="firestoreSetByAutoID()" class="button"></Button>
    <Button text="Update" (tap)="firestoreUpdate()" class="button"></Button>
    <Button text="Get" (tap)="firestoreGet()" class="button"></Button>
    <Button text="Get nested" (tap)="firestoreGetNested()" class="button"></Button>
    <Button text="deleteFields" (tap)="deleteFields()" class="button"></Button>
    <Button text="arrayUnion" (tap)="arrayUnion()" class="button"></Button>
    <Button text="arrayRemove" (tap)="arrayRemove()" class="button"></Button>
    <Button text="Document Observable (SF)" (tap)="firestoreDocumentObservable()" class="button"></Button>
    <Label [text]="(myCity$ | async).name" height="32" *ngIf="myCity$"></Label>
    <Button text="Collection Observable (cities)" (tap)="firestoreCollectionObservable()" class="button"></Button>
    <ListView [items]="myCities$ | async" height="200" *ngIf="myCities$">
      <ng-template let-item="item">
        <StackLayout>
          <Label style="color: red" [text]='item.name'></Label>
        </StackLayout>
      </ng-template>
    </ListView>
    <Button text="Listen to changes in SF" (tap)="firestoreListen()" class="button"></Button>
    <Button text="Stop listening" (tap)="firestoreStopListening()" class="button"></Button>
    <Button text="Where (by reference)" (tap)="firestoreWhere()" class="button"></Button>
    <Button text="Where, Order, Limit" (tap)="firestoreWhereOrderLimit()" class="button"></Button>
    <Button text="Where array_contains" (tap)="firestoreWhereCityHasALakeAndOrMountain()" class="button"></Button>
    <Button text="Start at 'LA'" (tap)="firestoreStartAt()" class="button"></Button>
    <Button text="Start after 'LA'" (tap)="firestoreStartAfter()" class="button"></Button>
    <Button text="Delete" (tap)="firestoreDelete()" class="button"></Button>
    <Button text="Collection group query" (tap)="firestoreCollectionGroupQuery()" class="button"></Button>
    <Button text="Transactional update (iOS)" (tap)="transactionalUpdate()" class="button"></Button>
    <Button text="Write batch" (tap)="writeBatch()" class="button"></Button>
  </StackLayout>
</ScrollView>
